@media screen and (min-width:800px) and (max-width: 10000px) {
 #b_page{
	width:1240px;
	position: relative;
	margin-top:90px;
	height:100%;
	background:#f2f2f2;
}
#page{
	width: 900px;
	height:100%;
	background:white;
	ul{
		border-radius: 10px;
		li{ 
			background:white;
			list-style: none;
			border-bottom: 1px solid #f2f2f2;
			padding: 10px 10px;
			.title{
				font-size: 24px;
				line-height: 40px;

			}
			.info{
				label{
					font-size:16px;
					margin-right: 10px;
					color: #595959;
				}
			}
			.note{
				color:#4D4D4D;
				font-size:14px;
				line-height:26px;
			}
		}
		li{
			cursor: pointer;
		}
	}
}
#recommend{
	width:330px;
	position:absolute;
	right: 0px;
	top:0px;
	background:white;
	height: 100%;
}

}
@media screen and (min-width:0px) and (max-width: 800px) {
 #b_page{
	width:100%;
	position: relative;
	margin-top:90px;
	background:#f2f2f2;
}
#page{
	width:100%;
	background:white;
	ul{
		border-radius: 10px;
		li{
			list-style: none;
			border-bottom: 1px solid #f2f2f2;
			padding: 0px 10px;
			.title{
				font-size: 24px;
				line-height: 40px;

			}
			.info{
				label{
					font-size:16px;
					margin-right: 10px;
					color: #595959;
				}
			}
			.note{
				color:#4D4D4D;
				font-size:14px;
				line-height:26px;
			}
		}
		li{
			cursor: pointer;
		}
	}
}
#recommend{
	width:330px;
	display: none;
	position:absolute;
	right: 0px;
	top:0px;
	background:white;
	height: 100%;
}

}


